<template>  
  <div id="myprofile">
    <NavBar class="project-nav"><div slot="center">个人资料</div></NavBar>
    <ProfileHeader class="header"></ProfileHeader>
    <InfoItem></InfoItem>
    <NormalListView :list-data="orderList"></NormalListView>
    <NormalListView :list-data="serviceList"></NormalListView>
  </div>
</template>

<script>
import NavBar from "@/components/common/navbar/Navbar"
import ProfileHeader from './childComps/ProfileHeader'
import InfoItem from './childComps/InfoItem'
import NormalListView from './childComps/NormalListView'

export default {
  name:"myprofile",
  components: {
    NavBar,
    ProfileHeader,
    InfoItem,
    NormalListView
  },
  data() {
    return {
      orderList:[
        {icon:'message.svg',info:'我的消息'},
        {icon:'pointer.svg',info:'积分商城'},
        {icon:'vip.svg',info:'会员卡'}
      ],
      serviceList:[
        {icon:'cart.svg',info:'我的购物车'},
        {icon: 'shopping.svg',info:'下载购物APP'}
      ]
    }
  }
}
</script>

<style scoped>
#myprofile {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  color: whitesmoke;
}
.project-nav {
  background-color: #fb7299;  
  border-bottom:5px solid #fb7299  
}
.header {
  background-color: #fb7299;
  border-top:2px solid #fb7299
}
</style>